.top {
	width:100%;
	height:127px;
	background-color: #4d638c;
	padding:20px;
	display: flex;
	position: relative;
	.but {
		width:80px;
		height:30px;
		border-radius: 5px;
		font-size: 17px;
		font-weight: 200;
		line-height: 30px;
		border:0.5px solid #fff;
		margin-left: 27px;
	}
	.avatorbox {
		width:75px;
		height:75px;
		border-radius: 37.5px;
		background-color: #fff;
		.avator {
			width:100%;
			height:100%;
		}
	}
	.rightbox {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 20px;
		justify-content: space-between;
		font-weight: 200;
		.v-box {
			width:22px;
			height:20px;
			margin-left: 10px;
			position: relative;
			.imgv {
				width:22px;
				height:20px;
			}
			.number {
				position: absolute;
				right: 6px;
				bottom: 6px;
				font-size: 10px;
				color: #fff;
				transform:scale(0.7);
			}
		} 
		.vv-box {
			width:19px;
			height:17px;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			.imgvv {
				position: absolute;
				width:19px;
				height: 17px;
			}
			.img {
				z-index: 100;
				width:8px;
				height: 8px;
			}
			.number {
				font-size: 10px;
				color: #fff;
				transform:scale(0.7);
			}
		}
	}
}
	.setting {
		width:24px;
		height:24px;
		position: absolute;
		top:20px;
		right:20px;
	}